<template>
  <div id="app">
    <!-- 跟路由出口 -->
    <router-view/>
  </div>
</template>
<script lang="ts">
import Vue from 'vue'
export default Vue.extend({
  name: 'App'
})
</script>

<style lang="scss" scoped>
// 这里是单页面引用的方法 还可以进行全局注入向webpack的预处理器loader传递选项
// 有的时候你想要向 webpack 的预处理器 loader 传递选项。你可以使用 vue.config.js 中的 css.loaderOptions 选项。
// 比如你可以这样向所有 Sass/Less 样式传入共享的全局变量
// @import "~@/styles/variables.scss";
.text{
  color:$warning-color
}
</style>
